<template>
	<view>
		<view class="card1">
			<view class="u-f-jsb">
				<view>客户名称</view>
				<view>易烊千玺</view>
			</view>
			<view class="u-f-jsb">
				<view>手机号</view>
				<view>18356522546</view>
			</view>
		</view>
		<view class="card2">
			<view class="u-f-jsb" hover-class="tap-active" data-url="../proxyCharge/proxyCharge" @tap="$jumpPage">
				<view>代充值</view>
				<image class="icon-arrow-r" src="/static/images/icon-arrow-r.png" mode="aspectFill"></image>
			</view>
			<view class="u-f-jsb" hover-class="tap-active" data-url="../chargeRecord/chargeRecord" @tap="$jumpPage">
				<view>充值记录</view>
				<image class="icon-arrow-r" src="/static/images/icon-arrow-r.png" mode="aspectFill"></image>
			</view>
			<view class="u-f-jsb" hover-class="tap-active" data-url="../fillcard/fillcard" @tap="$jumpPage">
				<view>绑定加注卡</view>
				<image class="icon-arrow-r" src="/static/images/icon-arrow-r.png" mode="aspectFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page {
	background-color: RGBA(245, 245, 245, 1);
}

.card1,.card2 {
	border-radius: 20rpx;
	margin: 20rpx;
	background-color: #FFFFFF;
	font-size: 30rpx;
	color: rgba(51, 51, 51, 1);
	overflow: hidden;
	>view {
		padding: 20rpx 36rpx;
		height: 100rpx;
	}
}
.icon-arrow-r {
	width: 12rpx;
	height: 19rpx;
}
</style>
